<link rel="stylesheet" href="resources/css/style.css">
<div id="slide-wrapper">
    <div class="slider-wrapper theme-default">
        
            <div id="slider" class="nivoSlider">
                <img src="resources/images/slides/s1.jpg" data-thumb="resources/images/slides/s1.jpg" alt="" title="The Municipality of Santa Rita" />
                <img src="resources/images/slides/s2.jpg" data-thumb="resources/images/slides/s2.jpg" alt="" title="The Mayor's office" />
                <img src="resources/images/slides/s3.jpg" data-thumb="resources/images/slides/s3.jpg" alt="" data-transition="sliceDown" title="The Mayor's office"  />
                <img src="resources/images/slides/s4.jpg" data-thumb="resources/images/slides/s4.jpg" alt="" title="#htmlcaption" />
                <img src="resources/images/slides/s5.jpg" data-thumb="resources/images/slides/s5.jpg" alt="" data-transition="sliceDown" title="Police office near the Municipality of Santa Rita"  />
            </div>
            <div id="htmlcaption" class="nivo-html-caption">
                The Santa Rita Parish. 
            </div>
            
    </div>
    
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#slider').nivoSlider();
    });
</script>